<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>华夏天信上位机文档</title>
    <link rel="icon" href="favicon.ico" />
<!--    <link rel="stylesheet" href="./element-plus@2.3.9.css">-->
<!--    <script src="./vue@3.3.4.js"></script>-->
<!--    <script src="./element-plus@2.3.9.js"></script>-->
    <link rel="stylesheet" href="//unpkg.com/element-plus/dist/index.css" />
</head>
<style>
    /**{ -moz-user-select:none; -webkit-user-select:none; user-select:none;}*/
    html, body, p, div,span,img,h1,h2,h3,h4,h5,h6 { margin: 0; padding: 0;font-size: 12px}
    a{ text-decoration: none; color: #000000; }

    .help_center_class {height: calc(100vh - 2px); }
    .help_operation_button{
        height: 30px;
        border-bottom: 1px solid #1482f0;
        border-top: 1px solid #7d7d7d;
        display: flex;
        align-items: center;
        padding: 5px 10px;
    }
    .directory_list_class{
        overflow-y: scroll;
        height: calc(100vh - 2px - 42px);
    }
    .directory_list_class_level{
        text-align: left;line-height: 34px;
        border-bottom: 1px #1482f0 dashed;
    }
    .directory_list_class_level:hover{
       color: #1482f0;
       background-color: rgba(20,130,240,0.2);
   }
   .level_1{
       color: #000000;
       font-size: 14px;
       font-weight: bolder;
   }
   .level_2{
       color: #000000;
       font-size: 14px;
       text-indent: 2em
   }
    /*// 三级目录*/
   .level_3{
       color: #ff00ff;
       text-indent: 4em
   }
   .main_content_class{
       overflow-y: scroll;
       height: calc(100vh - 2px - 42px);
       text-align: left;
   }
    h1{
        line-height: 2;
        margin: 16px 0;
        font-size: 26px;
        padding-bottom: 4px;
        border-bottom: 1px solid #eaecef;
    }
    h2{
        line-height: 2;
        text-indent: 2em;
        font-size: 22px;
        margin: 16px 0;
    }
    h3{
        line-height: 2;
        text-indent: 2em;
        font-size: 16px;
        margin: 16px 0;
    }
   .main_content_text{
       line-height: 2;
       font-size: 16px;
       text-indent: 2em;
       margin: 16px 0;
   }
    .em_class{
        color: #79bbff;
        cursor: pointer;
        font-style:normal
    }
    .main_content_text_ui{
        line-height: 2;
        text-indent: 2em;
        background-color: rgba(27,31,35,.05);
        border-radius: 3px;
        color: #476582;
        font-size: 14px;
    }
    .main_content_img{
        margin: 16px 0;
        text-indent: 2em;
    }
    .main_content_img img{
        vertical-align: middle;
    }
    .main_content_text_special{
        border-left-width: 0.5rem;
        border-left-style: solid;
        padding: 10px;
        background-color: #f3f5f7;
    }
   .special_primary{
       color: #409eff;
       border-color: #409eff;
   }
    .special_success{
        color: #67c23a;
        border-color: #67c23a;
    }
    .special_info{
        color: #909399;
        border-color: #909399;
    }
    .special_warning{
        color: #e6a23c;
        border-color: #e6a23c;
    }
    .special_danger{
        color: #f89898;
        border-color: #f89898;
    }
</style>
<body>
<div id="app" class="help_center_class">
    <div class="help_operation_button">
        <el-checkbox v-model="isShowNavigationPane" label="导航窗格" size="large">导航窗格</el-checkbox>
        <!--     <el-button type="primary" @click="handleExportToPdf" style="margin-left: 10px;margin-right: 20px" size="small">导出PDF文件</el-button>-->
    </div>
    <el-row>
        <!--     导航栏-->
        <el-col :span="!isShowNavigationPane?0:5">
            <el-card class="directory_list_class">
                <template v-for="item in HelpDirectoryListC" :key="item.id">
                    <p class="directory_list_class_level level_1" v-if="item.level === 1"  @click.prevent="handleScrollTo(item.id)">{{item.label}}</p>
                    <p class="directory_list_class_level level_2" v-if="item.level === 2"  @click.prevent="handleScrollTo(item.id)">{{item.label}}</p>
                    <p class="directory_list_class_level level_3" v-if="item.level === 3"  @click.prevent="handleScrollTo(item.id)">{{item.label}}</p>
                </template>
            </el-card>
        </el-col>
        <el-col :span="!isShowNavigationPane?24:19">
            <el-card class="main_content_class">
                <div id="pdf-content">
                    <!--    上位机介绍     -->
                    <h1 id="section_1">一、	上位机介绍</h1>
                    <p class="main_content_text">本上位机是华夏天信智能物联股份有限公司（西安分公司）开发，包含功能有连接设备、参数列表、参数分组、参数读取和写入、实时事件、历史事件、示波器等功能。</p>
                    <a href="./assets/InstallationPackage/HXTXUpperMachine.exe">下载安装包</a>

                    <!--    运行上位机     -->
                    <h1 id="section_2">二、	安装上位机</h1>
                    <p class="main_content_text">解压HXTXUpperMachine.zip文件到电脑任意地方，进入文件夹HXTXUpperMachine，上位机分为两种运行方式，一种是安装到电脑中，一种是直接运行。</p>
                    <p class="main_content_text main_content_text_special special_success">温馨提示：不建议安装或者解压在计算机C盘，因为数据库文件会存放在安装目录下，随着上位机的使用可能会影响电脑性能。</p>
                    <h2 id="section_2_1">1.	exe文件</h2>
                    <p class="main_content_text">exe文件需要先安装，然后运行。</p>
                    <p class="main_content_text">a、	双击HXTXUpperMachine.exe文件。</p>
                    <p class="main_content_img"><img src="../docs/.vuepress/public/image/helpDocument/img1.png" alt="首页" style="width: 80%;"></p>
                    <p class="main_content_text">b、	选择电脑用户。</p>
                    <p class="main_content_img"><img src="../docs/.vuepress/public/image/helpDocument/img2.png" alt="首页" style="width: 50%;"></p>
                    <p class="main_content_text">c、	选择上位机安装目录后点击安装。</p>
                    <p class="main_content_img"><img src="../docs/.vuepress/public/image/helpDocument/img3.png" alt="首页" style="width: 50%;"></p>
                    <p class="main_content_text">d、	等待安装，安装完成后点击完成即可安装完成。</p>
                    <p class="main_content_img"><img src="../docs/.vuepress/public/image/helpDocument/img4.png" alt="首页" style="width: 50%;"></p>
                    <p class="main_content_text">e、	自动创建快捷方式，双击快捷方式，直接运行。</p>
                    <p class="main_content_img"><img src="../docs/.vuepress/public/image/helpDocument/img6.png" alt="首页" style="width: 15%;" ></p>
                    <h2 id="section_2_2">2.	zip文件</h2>
                    <p class="main_content_text">zip文件需要先解压，然后运行。</p>
                    <p class="main_content_text">进入HXTXUpperMachine文件，双击hxtxupermachine.exe文件，可直接运行上位机。也可以点击右键往桌面添加一个快捷键，方便以后操作。</p>
                    <p class="main_content_img"><img src="../docs/.vuepress/public/image/helpDocument/img7.png" alt="首页" style="width: 80%;"></p>
                    <h2 id="section_2_3">3.	上位机界面</h2>
                    <p class="main_content_text">打开上位机，界面包含导航区域、内容区域、状态栏区域，默认参数界面，用户权限默认为普通用户。</p>
                    <p class="main_content_img"><img src="../docs/.vuepress/public/image/helpDocument/img8.png" alt="首页" style="width: 90%;"></p>
                    <p class="main_content_text main_content_text_special special_warning">注意：在使用上位机软件和主控通讯之前，请确认DSP主控系统运行正常，硬件串口通讯正常。需要准备当前设备对应版本的空参表。</p>
                    <!--    顶部功能区     -->
                    <h1 id="section_3">三、	顶部功能区</h1>
                    <p class="main_content_text">导航界面包含：</p>
                    <p class="main_content_text">公司LOGO</p>
                    <p class="main_content_text">导航菜单：参数、历史事件、示波器（快采集波形、慢采集波形）、可以互相切换。</p>
                    <p class="main_content_text">导航功能：通讯指示灯（通信正常为绿色，通讯失败或者未连接为红色）、连接设备、断开设备、控制面板、故障（显示实时故障的条数）、用户（更换权限）、更多功能（新建工程、置顶、上传、使用帮助、关于）、最小化、全屏、关闭。</p>
                    <p class="main_content_text main_content_text_special special_warning">注意：导航界面在所有界面都可显示和操作</p>
                    <p class="main_content_img"><img src="../docs/.vuepress/public/image/helpDocument/img9.png" alt="导航" style="width: 95%;"></p>

                    <h2 id="section_3_1">1.	通讯</h2>
                    <p class="main_content_text">点击连接设备，连接设备按钮变为黄色，弹出通信弹框。通信弹框包含设备列表和设备属性，设备列表有预设设备，可对设备进行选择和编辑。点击右上角❌或者关闭弹框按钮，即可关闭通信框</p>
                    <h2 id="section_3_1_1">1).	通讯灯</h2>
                    <p class="main_content_text">通信正常为绿色，通讯失败或者未连接为红色。</p>
                    <h2 id="section_3_1_2">2).	设备列表</h2>
                    <p class="main_content_text">如果没有连接，默认选中第一个设备，如果有连接，自动选中连接设备，没有背景表示未连接未选中设备，蓝色背景表示选中的设备但是未连接，绿色表示设备已连接。</p>
                    <p class="main_content_text">点击相应的设备名称区域，当设备显示蓝色背景，则表示已经选中设备，并在右侧显示当前设备的信息</p>
                    <p class="main_content_img"><img src="../docs/.vuepress/public/image/helpDocument/img10.png" alt="导航" style="width: 80%;"></p>
                    <h2 id="section_3_1_3">3).	编辑设备：</h2>
                    <p class="main_content_text">选择对应的设备可以进行设备信息编辑，分别有产品名称、设备标签、通信协议、从站地址、设备参数、参数版本等信息。</p>
                    <p class="main_content_text"><b>产品名称：</b>产品的名称，按照产品名称规则输入，不可重复。</p>
                    <p class="main_content_text"><b>设备标签：</b>同一产品可设置不同的设备标签，用来区分同一产品的设备数据，可通过下拉选择设备标签，如果下拉中没有，则直接在输入框中输入，然后在下拉框中选择。</p>
                    <p class="main_content_text"><b>从站地址：</b>设备的从站地址，比较常用的是1、2、11、12。</p>
                    <p class="main_content_text"><b>通信协议：</b>分别为ModeBusRTU和ModeBusTCP方式连接，通过下拉方式选择。<b>(推荐使用ModeBusRTU通信协议)</b></p>
                    <p class="main_content_text"><b>ModeBusRTU：</b>需要选择设备串口（可通过刷新按钮获取最新的串口列表）、波特率、字长度、奇偶校验、停止位。</p>
                    <p class="main_content_text"><b>ModeBusTCP：</b>需要填写地址和端口号。</p>
                    <p class="main_content_text"><b>空参数表：</b>点击导入空参数表按钮，选择准备的空参表，即可导入上位机中，可导入多个版本的参数表，如果当前设备已经存在该版本参数，则提示“当前设备已存在【版本号】版本，是否替换当前版本”，确定后则会覆盖当前版本的参数，导入成功后可显示参数版本和参数个数。并添加事件字典到上位机中。</p>
                    <p class="main_content_text main_content_text_special special_warning">注意：当版本覆盖参数时，参数分组会重置，如需要，请提前点击导出分组配置备份参数分组。</p>
                    <p class="main_content_text"><b>参数版本：</b>导入的参数版本会以下拉的方式展示，可拉下选择相应的版本。如果参数版本和设备版本连接时不同，则会连接失败。</p>
                    <p class="main_content_text"><b>保存当前设备信息开关：</b>如果打开则更改信息后，在连接设备成功后永久保存更改后的信息，如果未打开，则只是临时修改，下次连接还是之前的设备信息，设备不会进行修改，默认保存当前设备信息。</p>
                    <h2 id="section_3_1_4">4).	添加设备：</h2>
                    <p class="main_content_text">点击自定义通信，出现自定义设备功能，必须输入设备名称，其他信息有默认值，如果是TCP协议，则必须输入地址和端口号，可点击其他设备复制其他设备信息，确定后点击添加设备按钮，则成功添加设备，如果不想添加，则点击取消添加，可返回设备通信功能。</p>
                    <p class="main_content_img"><img src="../docs/.vuepress/public/image/helpDocument/img14.png" alt="导航" style="width: 80%;"></p>
                    <h2 id="section_3_1_5">5).	删除设备：</h2>
                    <p class="main_content_text">点击设备列表种删除按钮，会提示确定删除【设备名称】设备嘛，如果删除，该设备参数也对应删除。删除成功会提示“设备【设备名称】删除成功”。</p>
                    <p class="main_content_img"><img src="../docs/.vuepress/public/image/helpDocument/img15.png" alt="导航" style="width: 80%;"></p>
                    <h2 id="section_3_1_6">6).	连接设备：</h2>
                    <p class="main_content_text">连接成功后当前窗口左下角状态栏中会显示窗口标识+设备名称+设备从站地址+设备版本号，当前界面（参数，事件，示波器界面刷新，显示相应的数据），提示通信连接成功，通信弹框消失，连接设备指示灯变为绿色，状态栏轮询成功次数开始递增，通信弹框中连接的设备背景变为绿色。</p>
                    <p class="main_content_text main_content_text_special special_warning">注意：一个窗口同时只能连接一台设备，如果需要多台设备，请新建工程窗口</p>
                    <h2 id="section_3_2">2.	断开设备：</h2>
                    <p class="main_content_text">会提示是否断开设备提示框，点击确认，则断开设备，当前窗口左下角状态栏中会显示为未通讯，设备参数的数值停留在断开设备时所采集的数据。</p>
                    <p class="main_content_img"><img src="../docs/.vuepress/public/image/helpDocument/img16.png" alt="导航" style="width: 20%;"></p>

                    <h2 id="section_3_3">3.	控制面板</h2>
                    <p class="main_content_text">点击控制面板，控制面板按钮变为黄色，出现下拉框，再次点击控制面板，按钮颜色恢复正常白色，并回收下拉框，控制面板分为设备监控参数区域、设备指示灯区域、设备操作区域、转速给定模式修改、转速给定模式值修改、固定控制面板。</p>
                    <p class="main_content_text"><b>设备监控参数区域：</b>监控参数最多显示18个参数，如果没有监控参数，则显示监控数据为空，请在参数列表添加。可在【自定义参数分组】的【控制面板参数】分组种进行监控参数的增删改</p>
                    <p class="main_content_text"><b>设备指示灯区域：</b>显示设备的就绪灯、停机、报警、故障，设备未就绪显示灰色，就绪显示绿色，设备未运行，显示停机并且指示灯为灰色，已启动运行则显示运行，并且指示灯显示为绿色，设备无报警显示灰色，有报警显示黄色，设备无故障显示灰色，有故障显示红色</p>
                    <p class="main_content_text"><b>设备操作区域：</b>显示启动、停机、故障恢复、紧急停机、参数整定、电动运行、主电合闸、主电分闸、零偏矫正按钮，若未就绪，点击启动则提示未就绪，若设备没启动，停机按钮不能点击。操作按钮点击时会有二次提示，提示用户是否操作。</p>
                    <p class="main_content_text"><b>转速给定模式修改：</b>提供转速给定模式快捷修改，点击下拉后提供频率、转速、转矩、多段速、功率模式，选择相应的模式后，即可更改转速给定模式。 <b>(普通用户不可操作)</b> </p>
                    <p class="main_content_text"><b>转速给定模式值修改：</b>点击输入框，输入对应模式的值后，按回车键，即可修改转速给定模式值。若输入值后，未按回车键，鼠标离开输入框后，则恢复未修改之前的值。 <b>(普通用户不可操作)</b></p>
                    <p class="main_content_text"><b>固定控制面板：</b>点击就绪指示灯下方的蓝色按钮后，控制面板变为不固定，则鼠标移出控制面板后，控制面板消失，若按钮为固定按钮，则控制面板只有点击控制面板按钮后才会收回，默认控制面板固定</p>
                    <p class="main_content_img"><img src="../docs/.vuepress/public/image/helpDocument/img17.png" alt="导航" style="width: 98%;"></p>

                    <h2 id="section_3_4">4.	实时故障</h2>
                    <p class="main_content_text">在故障右上角显示实时显示故障条数，点击故障按钮，故障按钮变为黄色，弹出实施故障弹框。点击弹框右上角❌或者关闭按钮或者点击弹框之外的地方，即可关闭实时故障弹框。</p>
                    <p class="main_content_text"><b>故障列表：</b>列表显示行数、事件序号、事件类型（故障为红色，事件为绿色，警告为黄色）、发生时间、user、原始内容、中文内容、解决方案。</p>
                    <p class="main_content_text"><b>刷新当前事件：</b>点击按钮后会获取当前设备此时的所有事件。</p>
                    <p class="main_content_text"><b>清除当前事件：</b>点击此按钮后，只清除当前的实时故障列表数据，不影响历史数据。</p>
                    <p class="main_content_img"><img src="../docs/.vuepress/public/image/helpDocument/img17_1.png" alt="导航" style="width: 80%;"></p>

                    <h2 id="section_3_5">5.	账户信息：</h2>
                    <p class="main_content_text">显示用户名称，分为研发和普通用户，可通过修改权限进行切换.鼠标移动到用户名称上后出现下拉框，包含切换权限等功能。</p>
                    <h2 id="section_3_5_1">1).	切换权限</h2>
                    <p class="main_content_text">点击切换权限后，弹出切换权限弹框，点击右上角❌按钮或者点击弹框之外的地方，即可关闭权限切换弹框。</p>
                    <p class="main_content_img"><img src="../docs/.vuepress/public/image/helpDocument/img18.png" alt="导航" style="width: 40%;"></p>
                    <p class="main_content_text"><b>研发账户：</b>需要输入权限密码，点击切换按钮，如果密码正确，则切换成功，如果密码错误则切换失败</p>
                    <p class="main_content_text"><b>普通用户：</b>上位机打开后默认为普通用户账户，研发账户切换普通账户直接点击切换普通用户按钮即可切换为普通用户账号。</p>
                    <!--         <p class="main_content_text main_content_text_special special_warning">注意：权限切换有时间限制，时间到时会自动切换为普通用户</p>-->
                    <p class="main_content_text"><b>研发账户和普通账户区别：</b></p>
                    <table border="1" cellspacing="0" style="text-align: center;width: 100%">
                        <tr style="height: 32px;">
                            <th></th>
                            <th>普通账户</th>
                            <th>研发账户</th>
                        </tr>
                        <tr style="height: 32px;">
                            <th>权限切换</th>
                            <td>直接切换</td>
                            <td>需要输入密码</td>
                        </tr>
                        <tr style="height: 32px;">
                            <th>功能菜单</th>
                            <td>参数、历史事件</td>
                            <td>参数、历史事件、快采集波形、慢采集波形</td>
                        </tr>
                        <tr style="height: 32px;">
                            <th>控制面板</th>
                            <td>不可切换转速给定模式和对应的值</td>
                            <td>可切换转速给定模式和对应的值</td>
                        </tr>
                        <tr style="height: 32px;">
                            <th>参数读写</th>
                            <td>只能看见部分只读参数，可读可写参数不可见，不可操作。</td>
                            <td>可见所有制度参数和可读可写参数，可对设备写入参数。</td>
                        </tr>
                        <tr style="height: 32px;">
                            <th>参数编辑</th>
                            <td>不能设置示波器通道</td>
                            <td>可设置示波器通道</td>
                        </tr>
                    </table>

                    <h2 id="section_3_6">6.	更多功能</h2>
                    <p class="main_content_text">鼠标移动到更多上后出现下拉框，包含新建工程、置顶、上传、使用帮助、关于等功能。</p>
                    <h2 id="section_3_6_1">1).	新建工程</h2>
                    <p class="main_content_text">创建一个新的窗口，来连接新的设备。窗口之间在窗口左下角状态栏中会显示对应的窗口标识。</p>
                    <p class="main_content_text main_content_text_special special_warning">注意：一个窗口只能连接一个设备，如果同一个窗口连接第二台设备会提示请断开当前设备。</p>
                    <h2 id="section_3_6_2">2).	置顶</h2>
                    <p class="main_content_text">点击置顶/非置顶按钮，则在电脑上所有窗口的顶部，实现窗口优先操作，再次点击置顶/非置顶按钮，则退出置顶功能</p>
                    <p class="main_content_text main_content_text_special special_warning"> 注意：全屏和置顶功能，只能同时使用一个，一个在使用的情况下，如果再使用另一个，则前一个会自动退出，例如，再全屏状态下点击置顶，则会先退出全屏，进入置顶功能</p>
                    <h2 id="section_3_6_3">3).	上传</h2>
                    <p class="main_content_text">点击上传按钮，则会下载包含参数表和事件表的一个ZIP压缩包，参数为当前权限的参数，参数值为设备最新数据，事件为当前设备所有事件。</p>
                    <p class="main_content_img"><img src="../docs/.vuepress/public/image/helpDocument/img19.png" alt="导航" style="width: 90%;"></p>
                    <h2 id="section_3_6_4">4).	使用帮助</h2>
                    <p class="main_content_text">点击此按钮，则新打开一个可拖拽的独立窗口，显示上位机说明文档。点击右上角关闭按钮，则关闭此窗口。新窗口中左边为导航区域，右边为内容区域，点击导航标题后，内容区域会自动滚动的当前导航下的内容区域。</p>
                    <p class="main_content_text"><b>导航窗格显示和隐藏：</b>勾选导航窗格，则显示导航栏，去掉勾选则隐藏导航栏，默认勾选</p>
                    <!--         <p class="main_content_text">导出PDF文件</p>-->
                    <p class="main_content_img"><img src="../docs/.vuepress/public/image/helpDocument/img48.png" alt="导航" style="width: 90%;"></p>
                    <h2 id="section_3_6_5">5).	关于</h2>
                    <p class="main_content_text">点击此按钮后，弹出关于弹框、显示公司LOGO、公司名称、当前上位机的版本号。点击右上角❌按钮或者点击弹框之外的地方，即可关闭关于弹框。</p>
                    <p class="main_content_img"><img src="../docs/.vuepress/public/image/helpDocument/img49.png" alt="导航" style="width: 50%;"></p>

                    <h2 id="section_3_7">7.	最小化</h2>
                    <p class="main_content_text">点击此按钮后，则最小化此上位机软件到状态栏。</p>
                    <h2 id="section_3_8">8.	全屏</h2>
                    <p class="main_content_text">点击此按钮后，则上位机覆盖整个电脑屏幕，再次点击此按钮，则退出全屏显示</p>
                    <h2 id="section_3_9">9.	关闭</h2>
                    <p class="main_content_text">点击此按钮后，提示用户“确定要关闭吗，如果关闭将会自动断开设备连接？”，二次确认后则关闭上位机软件</p>

                    <!--         <h1 id="section_4">四、 状态栏</h1>-->
                    <!--         <h2 id="section_4_1">1.	通讯状态信息：</h2>-->
                    <!--         <h2 id="section_4_2">2.	系统时间：</h2>-->
                    <!--         参数-->
                    <h1 id="section_4">四、 参数</h1>
                    <p class="main_content_text">点击参数，切换到参数界面，参数界面分为分组区域，操作区域，参数列表区域，参数注释区域</p>
                    <p class="main_content_img"><img src="../docs/.vuepress/public/image/helpDocument/img21.png" alt="导航" style="width: 90%;"></p>
                    <h2 id="section_4_1">1.	参数分组：</h2>
                    <h2 id="section_4_1_1">1).	分组列表：</h2>
                    <p class="main_content_text">默认大分组有监控参数、定值参数、自定义参数（自定义参数包含控制面板参数和其他参数分组，除控制面板参数外其他自定义参数分组可编辑和删除），点击对应分组，则展开当前分组，自动关闭其他分组。</p>
                    <h2 id="section_4_1_2">2).	添加分组：</h2>
                    <p class="main_content_text">功能区点击添加分组按钮，出现添加分组弹框，输入分组名称，点击添加按钮可添加分组，分组名称不允许重复，点击取消按钮或者右上角❌可关闭添加分组弹框。</p>
                    <p class="main_content_img"><img src="../docs/.vuepress/public/image/helpDocument/img22_1.png" alt="导航" style="width: 40%;"></p>
                    <h2 id="section_4_1_3">3).	删除分组：</h2>
                    <p class="main_content_text"><b>（只有自定义参数除控制面板参数分组才支持该功能）</b> 点击分组上的删除按钮图标，首先弹出删除确认，提示“确定删除【基础参数】分组，如果该分组中存在参数，则该参数会重置分组！”，点击确认按钮，则会删除此分组，当此分组删除后，当前分组中如果有参数，则参数会成为未分组参数中的参数。</p>
                    <p class="main_content_img"><img src="../docs/.vuepress/public/image/helpDocument/img22_2.png" alt="导航" style="width: 40%;"></p>
                    <h2 id="section_4_1_4">4).	编辑分组</h2>
                    <p class="main_content_text">（只有自定义参数除控制面板参数分组才支持该功能）点击分组上的编辑按钮图标，出现编辑分组弹框，可在原有名称上修改分组名称，点击修改可修改分组名称，点击取消按钮或者右上角❌可关闭编辑分组弹框。</p>
                    <p class="main_content_img"><img src="../docs/.vuepress/public/image/helpDocument/img22_3.png" alt="导航" style="width: 40%;"></p>
                    <h2 id="section_4_1_5">5).	隐藏分组</h2>
                    <p class="main_content_text">点击功能区收回分组图标，则隐藏参数分组列表，再次点击，可显示参数分组列表。</p>
                    <h2 id="section_4_2">2.	操作区域：</h2>
                    <h2 id="section_4_2_1">1).	隐藏参数分组</h2>
                    <p class="main_content_text">点击此图标，则隐藏参数分组列表，再次点击，可显示参数分组列表。</p>
                    <h2 id="section_4_2_2">2).	参数说明</h2>
                    <p class="main_content_text">点击此图标显示参数功能的一些说明，点击其他地方则关闭弹框</p>
                    <h2 id="section_4_2_3">3).	添加分组</h2>
                    <p class="main_content_text">点击此按钮，出现添加分组弹框。</p>
                    <h2 id="section_4_2_4">4).	参数筛选和查找</h2>
                    <p class="main_content_text"><b>参数属性：</b> 点击参数属性则会出现下拉框，包含中文名称（支持模糊查询）、英文名称（支持模糊查询，不区分字母大小写）、地址（只支持精确查询，需要输入完整的地址值）。</p>
                    <p class="main_content_text"><b>参数属性值：</b> 在输入框中输入参数属性对应的值，则会按照选择的参数属性和输入的对应属性值进行查询。</p>
                    <p class="main_content_text"><b>筛选和查找：</b> 查询是在全部参数中实时查询，只查询权限内的参数，不用点击按钮。</p>
                    <p class="main_content_text"><b>清除：</b> 当输入框中有内容时，则会出现❌按钮，点击❌按钮或者点击其他分组，则清除查询条件。</p>
                    <h2 id="section_4_2_5">5).	导出当前页</h2>
                    <p class="main_content_text">点击此按钮后，导出当前页的参数数据到电脑中，只查询权限内的参数，当有筛选条件时，则导出筛选后的参数，若没有筛选条件时，则导出当前分组的参数。<b>（表格式和导出全部参数功能导出的表格式相同）</b></p>
                    <h2 id="section_4_2_6">6).	导出全部参数</h2>
                    <p class="main_content_text">点击此按钮后，导出当前设备权限内的全部参数到电脑中。 </p>
                    <p class="main_content_img"><img src="../docs/.vuepress/public/image/helpDocument/img25_0.png" alt="导航" style="width: 90%;"></p>
                    <p class="main_content_text main_content_text_special special_warning">注意：该参数表可作为配置用参表使用</p>
                    <h2 id="section_4_2_7">7).	导入配置用参表</h2>
                    <p class="main_content_text">点击此按钮后，选择准备的配置用参表导入，导入成功后会弹出配置用参表弹框，点击关闭按钮关闭此弹框。<b>（导入的表格式和导出全部参数功能导出的表格式相同）</b></p>
                    <p class="main_content_text"><b>参数列表：</b>仅显示可读可写类参数值不同的参数，不检验只读参数，显示的属性有行号、参数地址、参数英文名称、参数中文名称、当前值（当前设备的参数值）、配置值（配置用参表中的参数值）。 </p>
                    <p class="main_content_text"><b>值不一样的参数：</b>显示显示当前设备参数值和配置用参表中参数值不同的参数，并且在上方显示列表的总条数</p>
                    <p class="main_content_text"><b>写入失败的参数：</b> 如果点击写入参数后，有参数写入不成功，则会出现在写入失败的参数列表中，用户需要重新勾选并写入。上方显示写入失败参数的个数。</p>
                    <p class="main_content_text"><b>写入参数：</b>用户单选或者多选参数后，点击此按钮会批量写入参数值到设备中，写入后，此弹不会消失。 </p>
                    <p class="main_content_text main_content_text_special special_warning">注意：当设备启动时，属于停机后修改的参数则不能进行选择，会提示请先停机。</p>
                    <p class="main_content_text"><b>收起窗口：</b>点击此按钮后，最小化此窗口到上位机右边窗口，点击配置用参表窗口，即可复现该窗口。 </p>
                    <p class="main_content_img"><img src="../docs/.vuepress/public/image/helpDocument/img25_1.png" alt="导航" style="width: 90%;"></p>
                    <h2 id="section_4_2_8">8).	导出配置表</h2>
                    <p class="main_content_text">点击此按钮，弹出自定义导出配置弹框，点击右上角❌按钮或者关闭按钮，则关闭此弹框。</p>
                    <p class="main_content_text"><b>参数分组列表配置：</b>点击此配置后，则展开参数分组列表配置。 在此配置中会显示当前设备的所有自定义的分组，和分组中参数的数量，可通过勾选或者取消勾选来确定需要导出的分组，当分组勾选或者参数数量不为0时，可通过勾选或者取消勾选来确定当前分组中需要导出的参数，默认勾选全部分组和全部参数。</p>
                    <p class="main_content_text"><b>导出：</b>当选择结束需要导出的配置后，点击此按钮，会导出配置表到电脑中。</p>
                    <p class="main_content_img"><img src="../docs/.vuepress/public/image/helpDocument/img25_2.png" alt="导航" style="width: 90%;"></p>
                    <p class="main_content_img"><img src="../docs/.vuepress/public/image/helpDocument/img25_3.png" alt="导航" style="width: 50%;"></p>
                    <p class="main_content_text main_content_text_special special_warning">注意：此配置表为导入配置表功能所需要的表。</p>
                    <h2 id="section_4_2_9">9).	导入配置表</h2>
                    <p class="main_content_text">点击此按钮后，选择准备好的配置表，则会把其他设备的配置一键移植到本设备中，例如参数分组，当导入后，配置表中的分组会覆盖当前设备已有的分组。 <b>（导入的表格式和导出配置表功能导出的表格式相同）</b></p>

                    <h2 id="section_4_3">3.	参数列表：</h2>
                    <h2 id="section_4_3_1">1).	参数列表：</h2>
                    <p class="main_content_text"><b>列表：</b> 列表中显示序号、地址、英文名称、中文名称、当前值、出厂值、单位、最大值（可读可写参数有）、最小值（可读可写参数有）、更新条件（可读可写参数有）、分组名称（自定义分组没有）参数属性。</p>
                    <p class="main_content_text"><b>参数值：</b>当前值数值类，则显示其数值则保留小数位，如果是下拉类型，则显示值+含义的方式显示。如果参数是定值参数，并且当前值和出厂值不同，则当前值背景为红色，来提醒使用者。</p>
                    <p class="main_content_text"><b>读写状态：</b>在地址中，R表示只读参数，W表示可读可写参数。</p>

                    <h2 id="section_4_3_2">2).	参数注释：</h2>
                    <p class="main_content_text">单击对应的参数行，右边会显示该参数的部分信息，有英文名称（可复制值）、出厂值（可复制值）、数据类型、修改方式（可读可写参数有）、注释。</p>
                    <p class="main_content_text"><b>复制:</b>	点击复制按钮，则复制对应的内容到粘贴板，如点击英文名称右边复制按钮，即可复制英文名称到粘贴板。点击出厂值右边复制按钮，即可复制出厂值到粘贴板</p>
                    <p class="main_content_img"><img src="../docs/.vuepress/public/image/helpDocument/img26.png" alt="导航" style="width: 20%;"></p>
                    <h2 id="section_4_3_3">3).	编辑参数属性：</h2>
                    <p class="main_content_text">双击对应的参数行，出现参数查看弹框，显示参数属性，属性有英文名称（不可编辑）、中文名称（不可编辑）、参数地址（不可编辑）、数据类型（不可编辑）、更新方式（不可编辑），更新条件（可读可写参数有，不可编辑）、最小值（可读可写参数有，不可编辑）、最大值（可读可写参数有，不可编辑），小数位数（只有可读可写并且数据类型为float类型有此功能）、设置分组、分配示波器通道、当前值（只读参数不可编辑）、单位，点击右上角❌按钮或者点击弹框之外的地方，即可关闭编辑参数弹框。</p>
                    <p class="main_content_img"><img src="../docs/.vuepress/public/image/helpDocument/img27.png" alt="导航" style="width: 70%;"></p>
                    <h2 id="section_4_3_4">4).	修改小数位数：</h2>
                    <p class="main_content_text">输入小数位数，比如参数值为3.1415926，如果位数设置为4，则该参数值显示为3.1416<b>(只有可读可写并且数据类型为float类型有此功能)</b></p>
                    <h2 id="section_4_3_5">5).	设置分组：</h2>
                    <p class="main_content_text">点击分组下拉框，选择分组后，点击设置分组，即可添加分组。</p>
                    <p class="main_content_img"><img src="../docs/.vuepress/public/image/helpDocument/img27_1.png" alt="导航" style="width: 40%;"></p>
                    <h2 id="section_4_3_6">6).	清除分组：</h2>
                    <p class="main_content_text">已经分组的参数会有一个清除分组的选项，选择清楚分组，点击设置分组即可清除分组。</p>
                    <h2 id="section_4_3_7">7).	分配通道：</h2>
                    <p class="main_content_text"><b>(普通用户不可见)</b> 点击示波器通道列表，出现示波器通道下拉框，下拉框包含慢采集和快采集，当前通道的名称，当前通道的参数，如果当前通道没有参数，则显示空，选择对应的通道，点击分配通道按钮，即可分配通道。</p>
                    <p class="main_content_img"><img src="../docs/.vuepress/public/image/helpDocument/img28.png" alt="导航" style="width: 60%;"></p>
                    <h2 id="section_4_3_8">8).	写参数值：</h2>
                    <p class="main_content_text">输入参数值或者通过下拉选择参数值后，点击写入设备，即可修改设备中参数的值，只读参数不可编辑，并且没有写入设备按钮，当输入的值不在当前参数的范围内时，则会提示超出最大范围，此值无效，或者超出最小范围，此值无效，如果当前设备正在运行，该参数属于停机修改，则提示请先停机。</p>
                    <p class="main_content_img"><img src="../docs/.vuepress/public/image/helpDocument/img29.png" alt="导航" style="width: 40%;"></p>

                    <!--         事件-->
                    <h1 id="section_5">五、 历史事件</h1>
                    <p class="main_content_text">点击历史事件，即可切换到历史事件功能，事件功能分为操作区域，事件列表区域，解决方案区域。</p>
                    <p class="main_content_img"><img src="../docs/.vuepress/public/image/helpDocument/img31.png" alt="导航" style="width: 90%;"></p>
                    <h2 id="section_5_1">1.	历史事件说明：</h2>
                    <p class="main_content_text">点击此图标显示历史事件功能的一些说明，点击其他地方则关闭弹框</p>
                    <h2 id="section_5_2">2.	历史事件属性查找：</h2>
                    <p class="main_content_text"><b>历史事件属性：</b> 点击历史事件属性则会出现下拉框，包含中文内容（支持模糊查询）、原始内容（支持模糊查询，不区分字母大小写）、解决方案（支持模糊查询）。</p>
                    <p class="main_content_text"><b>参数属性值：</b> 在输入框中输入历史事件属性对应的值，点击查询按钮图标则会按照选择的参数属性和输入的对应属性值进行查询。</p>
                    <p class="main_content_text"><b>清除：</b> 当输入框中有内容时，则会出现❌按钮，点击❌按钮，或者删除属性查找输入框中的内容则清除历史事件属性查询条件。</p>
                    <h2 id="section_5_3">3.	历史事件类型筛选：</h2>
                    <p class="main_content_text">点击历史事件类型下拉框，有所有、事件、故障、警告类型，选择对应的类型则筛选对应类型的数据。</p>
                    <p class="main_content_img"><img src="../docs/.vuepress/public/image/helpDocument/img34.png" alt="导航" style="width: 40%;"></p>
                    <h2 id="section_5_4">4. 历史事件日期筛选</h2>
                    <p class="main_content_text">点击此按钮后，出现日期弹框，在弹框中通过选择一个时间范围来筛选当前时间范围内的历史事件数据，提供快捷时间选择和自定义时间。</p>
                    <p class="main_content_text"><b>快捷时间：</b> 在弹框的左侧提供一些快捷时间，可直接选择进行筛选。</p>
                    <p class="main_content_text"><b>自定义时间：</b> 在弹框右侧可选择开始日期时间和结束日期时间，点击右下角确定按钮，进行筛选</p>
                    <p class="main_content_text"><b>清除：</b> 当日期输入框中有内容时，鼠标移动到输入框中则会出现❌按钮，点击❌按钮或者点击输入框，在日期弹框右下角点击清除按钮，可清除历史事件日期筛选。</p>
                    <p class="main_content_img"><img src="../docs/.vuepress/public/image/helpDocument/img34_1.png" alt="导航" style="width: 40%;"></p>
                    <p class="main_content_text main_content_text_special special_success">温馨提示：历史事件属性查找、历史事件类型筛选、历史事件日期筛选可同时使用</p>
                    <h2 id="section_5_5">5.	导出当前页</h2>
                    <p class="main_content_text">点击此按钮后，导出当前页的历史事件数据到电脑中。当有筛选或者查找条件时，则导出筛选或者查找后的历史事件数据，若没有筛选或者查找条件时，则导出当前页的历史事件数据。</p>
                    <p class="main_content_img"><img src="../docs/.vuepress/public/image/helpDocument/img32.png" alt="导航" style="width: 70%;"></p>
                    <h2 id="section_5_6">6.	导出全部</h2>
                    <p class="main_content_text">点击此按钮后，可导出所有的历史事件数据到电脑中。<b>（表格式和导出全部参数功能导出的表格式相同）</b></p>
                    <h2 id="section_5_7">7.	删除事件：</h2>
                    <p class="main_content_text">点击此按钮，出现删除事件弹框，点击右上角❌按钮或者点击关闭或者点击弹框之外的地方，即可关闭删除事件弹框。</p>
                    <p class="main_content_text">可选择在一个时间范围内的历史事件数据进行删除，若没有选择日期，点击删除按钮则删除当前设备全部历史事件。</p>
                    <p class="main_content_img"><img src="../docs/.vuepress/public/image/helpDocument/img32_1.png" alt="导航" style="width: 70%;"></p>
                    <h2 id="section_5_8">8.	事件列表：</h2>
                    <p class="main_content_text">显示行号、事件序号（可排序）、事件类型、发生时间（可排序）、user、原始内容、中文内容。</p>
                    <h2 id="section_5_9">9.	解决方案：</h2>
                    <p class="main_content_text">点击对应的历史事件行，右边显示当前历史事件的中文内容以及解决方案。</p>
                    <h2 id="section_5_10">10.	事件分页：</h2>
                    <p class="main_content_text">事件列表底部为分页码，可显示当前事件总数，可设置每页显示的数据，每页显示多少条数据，点击对应的页码即可跳转到其他页，也可以直接输入页码进行跳转。</p>
                    <!--         示波器快采集-->
                    <h1 id="section_6">六、	示波器快采集</h1>
                    <p class="main_content_text">点击快采集波形，切换到示波器快采集，界面包含通道列表区域、示波器控制区域、示波器操作区域、波形图区域</p>
                    <p class="main_content_img"><img src="../docs/.vuepress/public/image/helpDocument/img37.png" alt="导航" style="width: 90%;"></p>
                    <h2 id="section_6_1">1、示波器通道：</h2>
                    <p class="main_content_text">示波器通道有8个，显示通道名称、通道颜色、通道参数名称，通道可使用个数和示波器通道个数参数有关，比如通道数为3，则显示的通道为前三个为绿色，其余为灰色，示波器启动后只显示绿色通道的波形。</p>
                    <h2 id="section_6_1_1">1)、修改通道颜色：</h2>
                    <p class="main_content_img"><img src="../docs/.vuepress/public/image/helpDocument/img37_1.png" alt="导航" style="width: 40%;"></p>
                    <p class="main_content_text">点击颜色框，出现选择颜色弹框，通过右边颜色滑块和左边颜色区域选择需要的颜色。该颜色会作用在波形上。</p>
                    <h2 id="section_6_1_2">2)、切换通道参数：</h2>
                    <p class="main_content_text">点击参数名称，出现选择参数弹框，显示通道名称、通道参数地址、通道参数名称、参数筛选和查找功能（类似<em class="em_class" @click.prevent="handleScrollTo('section_4_2_4')">参数筛选和查找功能</em>）,确定修改，置空通道参数，点击关闭或者右上角×则退出通道编辑功能。</p>
                    <p class="main_content_text main_content_text_special special_warning">注意：正在录波的参数不能修改参数，只能停止后修改。</p>
                    <p class="main_content_text"><b>参数搜索：</b> 输入框中输入内容后，点击搜索按钮，则会搜到对应的参数列表，参数列表显示为地址+参数名称，选中的参数为绿色，未选中的参数为黑色，选择需要的参数后，弹框顶部绿色参数地址和参数名称会发生改变。</p>
                    <p class="main_content_text"><b>确定修改：</b> 选好需要的参数后，点击确定修改，则修改通道参数成功。</p>
                    <p class="main_content_text"><b>置空通道参数：</b> 点击此按钮后，会清除当前通道的参数值。</p>
                    <p class="main_content_text main_content_text_special special_success">温馨提示：在参数界面，双击参数行，在参数编辑里面也可以进行通道参数切换。</p>
                    <p class="main_content_img"><img src="../docs/.vuepress/public/image/helpDocument/img35.png" alt="导航" style="width: 90%"></p>
                    <h2 id="section_6_2">2、示波器控制：</h2>
                    <p class="main_content_text">示波器控制分别有示波器开始的时间、启动、停止、清除、示波器设置、卡尺设置。</p>
                    <h2 id="section_6_2_1">1).	开始时间：</h2>
                    <p class="main_content_text">显示开始采集波形的时间。</p>
                    <h2 id="section_6_2_2">2)、启动波形：</h2>
                    <p class="main_content_text">点击启动后，如果是强制触发，则等条件成立后，自动触发波形。如果是连续或者单次触发，点击后首先等待设备准备录波，然后开始绘制波形图。如果当前示波器中存在波形，则会提示清除。启动后，启动按钮变为采集中状态，顶部出现开始时间。</p>
                    <p class="main_content_img"><img src="../docs/.vuepress/public/image/helpDocument/img37_2.png" alt="导航" style="width: 40%"></p>
                    <h2 id="section_6_2_3">3)、停止波形</h2>
                    <p class="main_content_text">点击后会立刻停止录波采集，采集中状态变为启动状态。</p>
                    <h2 id="section_6_2_4">4)、清除波形</h2>
                    <p class="main_content_text">点击该按钮，清空示波器中的波形图。正在采集的波形不会停止，只是清除当前的波形</p>
                    <h2 id="section_6_2_5">5)、示波器设置</h2>
                    <p class="main_content_text">点击此按钮，出现示波器设置弹框，用来批量设置示波器，点击右上角❌按钮或者点击关闭按钮，即可关闭示波器设置弹框。</p>
                    <p class="main_content_img"><img src="../docs/.vuepress/public/image/helpDocument/img37_3.png" alt="导航" style="width: 80%"></p>
                    <p class="main_content_text"><b>通道数:</b> 通道数可通过滑动圆球或者在右侧输入或者点击右侧加减按钮来设置，最小1个通道，最大8个通道。</p>
                    <p class="main_content_text"><b>控制频率设定:</b> 不可编辑，用来计算点之间采集时间的参数。</p>
                    <p class="main_content_text"><b>触发方式:</b> 单次触发（一次触发一屏波形）、强制触发（配合触发源或者条件触发触发波形）、连续触发（类似单次触发，不过可以触发多屏）。</p>
                    <p class="main_content_text"><b>触发源:</b> 操作类似<em class="em_class" @click.prevent="handleScrollTo('section_7_1_2')">切换通道参数</em>功能，选择参数后，当该参数的值大于1后触发录波，一般用于故障触发。</p>
                    <p class="main_content_text"><b>触发源地址:</b> 操作类似<em class="em_class" @click.prevent="handleScrollTo('section_7_1_2')">切换通道参数</em>功能，选择参数后，和触发类型、触发比较值配合使用，一般用于条件触发。</p>
                    <p class="main_content_text"><b>触发类型:</b> 大于比较值（触发源地址参数的值大于触发比较值输入的值）、小于比较值（触发源地址参数的值小于触发比较值输入的值）、等于比较值（触发源地址参数的值等于触发比较值输入的值）。</p>
                    <p class="main_content_text"><b>保存设置:</b> 当设置完示波器后，点击此按钮，可一次性修改示波器的配置，不点此按钮只修改</p>
                    <p class="main_content_text main_content_text_special special_warning">注意：若修改完示波器配置后，不点击保存设置按钮，则修改的参数不起作用。</p>
                    <h2 id="section_6_2_6">6)、卡尺设置</h2>
                    <p class="main_content_text">点击此按钮，出现卡尺设置弹框，用来辅助使用者测量波形，点击右上角❌按钮或者点击关闭按钮，即可关闭卡尺设置弹框。</p>
                    <p class="main_content_img"><img src="../docs/.vuepress/public/image/helpDocument/img37_4.png" alt="导航" style="width: 80%"></p>
                    <p class="main_content_text"><b>状态开关:</b> 点击打开水平卡尺或者打开垂直卡尺的开关</p>
                    <p class="main_content_text"><b>开始位置:</b> 显示和设置水平卡尺（左边的起始位置）、垂直卡尺（下边起始位置）在示波器中的数值。</p>
                    <p class="main_content_text"><b>结束位置:</b> 显示和设置水平卡尺（右边的起始位置）、垂直卡尺（上边起始位置）在示波器中的数值。</p>
                    <p class="main_content_text"><b>锁定:</b> 当打开锁定卡尺后，卡尺的间距不能进行改变。</p>
                    <p class="main_content_text"><b>水平间距:</b> 显示卡尺从最最左边到最右边的时间 。</p>
                    <p class="main_content_text"><b>垂直间距:</b> 显示卡尺从最最下边到最上边的间距 。</p>
                    <p class="main_content_text main_content_text_special special_success">温馨提示：如果卡尺未锁定，则卡尺左右边可进行拖拽间距，如果锁定，则只会移动而不会改变间距。拖动卡尺上面可进行卡尺拖拽</p>
                    <p class="main_content_img"><img src="../docs/.vuepress/public/image/helpDocument/img37_5.png" alt="导航" style="width: 80%"></p>
                    <h2 id="section_6_3">3、示波器操作</h2>
                    <h2 id="section_6_3_1">1)、导出当前</h2>
                    <p class="main_content_text">点击导出当前，弹出导出弹框，输入备注后，点击导出，选择导出路径和文件名称，文件名称默认是快采集示波器数据_年月日时分秒，例如快采集示波器数据_2023年08月09日16时43分03秒.csv，点击保存，则会把当前示波器中的数据导出为一个csv文件到电脑上。点击不想导出或者右上角❌关闭弹框</p>
                    <p class="main_content_img"><img src="../docs/.vuepress/public/image/helpDocument/img41.png" alt="导航" style="width: 80%"></p>
                    <p class="main_content_text">导出后的文件示例为</p>
                    <p class="main_content_img"><img src="../docs/.vuepress/public/image/helpDocument/img38.png" alt="导航" style="width: 80%"></p>
                    <p class="main_content_text main_content_text_special special_warning">注意：该表可在外部导入功能使用</p>
                    <h2 id="section_6_3_2">2)、外部导入</h2>
                    <p class="main_content_text">点击外部导入，选择外部的波形图csv文件<b>参数表格式为导出当前功能导出的csv文件</b>，会在示波器中显示对当前波形开始的时间、导出的备注、参数的波形。</p>
                    <p class="main_content_img"><img src="../docs/.vuepress/public/image/helpDocument/img38_1.png" alt="导航" style="width: 80%"></p>
                    <h2 id="section_6_3_3">3)、自定义导入</h2>
                    <p class="main_content_text">点击此按钮，则出现自定义导入弹框，点击右上角❌或者取消按钮关闭自定义导入弹框</p>
                    <p class="main_content_img"><img src="../docs/.vuepress/public/image/helpDocument/img40.png" alt="导航" style="width: 80%"></p>
                    <p class="main_content_text"><b>条件选择：</b> 提供按照时间或者点数来筛选需要导入的参数波形数据（必选）</p>
                    <p class="main_content_text"><b>日期选择：</b>选择时间范围，左边提供快捷选项，最近半小时、最近一小时、最近12小时、最近一天、最近一周、最近一个月。也可以在右边自己选择相应的日期和时间。选择结束后点击确认。</p>
                    <p class="main_content_img"><img src="../docs/.vuepress/public/image/helpDocument/img40_4.png" alt="导航" style="width: 80%"></p>
                    <p class="main_content_text"><b>点数选择：</b>输入开始的点数和需要显示的点数数量</p>
                    <p class="main_content_text"><b>参数选择：</b>提供按照通道选择和按照数据库中存在的参数选择（必选）。</p>
                    <p class="main_content_text"><b>通道选择：</b>按照已有的通道选择参数（可选择多个参数）。</p>
                    <p class="main_content_img"><img src="../docs/.vuepress/public/image/helpDocument/img40_2.png" alt="导航" style="width: 80%"></p>
                    <p class="main_content_text"><b>全部参数选择：</b> 按照已有的波形数据选择参数（可选择多个参数）。</p>
                    <p class="main_content_img"><img src="../docs/.vuepress/public/image/helpDocument/img40_3.png" alt="导航" style="width: 80%"></p>
                    <p class="main_content_text">点击确定后数据会按照筛选的条件显示在示波器中。</p>
                    <h2 id="section_6_3_4">4)、自定义导出</h2>
                    <p class="main_content_text">数据筛选类似于<em class="em_class" @click.prevent="handleScrollTo('section_7_3_3')">自定义导入</em>功能</p>
                    <p class="main_content_text">点击确认后类似于<em class="em_class" @click.prevent="handleScrollTo('section_7_3_1')">导出当前</em>功能</p>
                    <h2 id="section_6_3_5">5)、删除数据</h2>
                    <p class="main_content_text">数据筛选类似于<em class="em_class" @click.prevent="handleScrollTo('section_7_3_3')">自定义导入</em>功能。唯一区别是可以不选择条件选择和参数.</p>
                    <p class="main_content_text">如果不选择条件，只选择参数，则删除当前选择的参数的全部波形数据。</p>
                    <p class="main_content_text">如果选择条件，不选择参数，则删除当前条件下的所有参数波形数据。</p>
                    <p class="main_content_text">如果不选择条件，也不选择参数，则删除全部参数的波形数据。</p>
                    <p class="main_content_text">点击删除数据按钮后，会有一个二次确认提示。点击确认则会按照条件删除波形数据，如果点击取消则取消本次操作。</p>
                    <p class="main_content_img"><img src="../docs/.vuepress/public/image/helpDocument/img40_5.png" alt="导航" style="width: 50%"></p>
                    <h2 id="section_6_3_6">6)、最大值</h2>
                    <p class="main_content_text">勾选最大值选框，在波形图界面会显示该参数当前范围内的最大值，如果是正在采集数据，则会在下个周期显示，如果没有采集，则会实时显示。</p>
                    <p class="main_content_img"><img src="../docs/.vuepress/public/image/helpDocument/img43.png" alt="导航" style="width: 40%"></p>
                    <h2 id="section_6_3_7">7)、最小值</h2>
                    <p class="main_content_text">勾选最小值选框，在波形图界面会显示该参数当前范围内的最小值，如果是正在采集数据，则会在下个周期显示，如果没有采集，则会实时显示。</p>
                    <p class="main_content_img"><img src="../docs/.vuepress/public/image/helpDocument/img44.png" alt="导航" style="width: 40%"></p>
                    <h2 id="section_6_3_8">8)、平均值</h2>
                    <p class="main_content_img"><img src="../docs/.vuepress/public/image/helpDocument/img45.png" alt="导航" style="width: 40%"></p>
                    <p class="main_content_text">勾选平均值选框，在波形图界面会显示该参数当前范围内的平均值，如果是正在采集数据，则会在下个周期显示，如果没有采集，则会实时显示。</p>
                    <h2 id="section_6_3_9">9)、自定义通道</h2>
                    <p class="main_content_text">点击自定义通道，会显示添加参数，添加运算符，添加自定义数值，底部显示公式，</p>
                    <p class="main_content_text">公式添加规则：</p>
                    <ul class="main_content_text_ui">
                        <h4>温馨提示</h4>
                        <li>运算符不能是第一个</li>
                        <li>运算符、参数、自定义数值不能连续两个</li>
                        <li>运算符连续会提示请选择参数或者自定义数值。</li>
                        <li>参数或者自定义数值连续会提示请选择运算符。</li>
                        <li>公式至少三个变量，并且这三个中必须包含一个运算符，一个参数。</li>
                        <li>可自定义通道名称，默认名称为自定义通道，可自定义通道颜色，颜色默认为红色，公式里面，参数为蓝色，自定义数值为青色，运算符为红色，点击重新定义公式，可清除之前的公式，点击取消，弹框取消，点击计算，弹框消失并绘制自定义的通道。（目前仅为静态，当前时间段内）</li>
                    </ul>
                    <p class="main_content_img"><img src="../docs/.vuepress/public/image/helpDocument/img46.png" alt="导航" style="width: 90%"></p>
                    <h2 id="section_6_3_10">10)、点采集时间</h2>
                    <p class="main_content_text">显示点和点之间的采集频率，可通过在示波器设置中采集周期进行修改。</p>
                    <h2 id="section_6_3_11">11)、波线类型</h2>
                    <p class="main_content_text">示波器波形图类型。目前提供实线，点线，散点型</p>
                    <p class="main_content_img flex_align_start_justify_between">
                        <img src="../docs/.vuepress/public/image/helpDocument/img45_1.png" alt="导航" style="height: 300px">
                        <img src="../docs/.vuepress/public/image/helpDocument/img45_2.png" alt="导航" style="height: 300px">
                        <img src="../docs/.vuepress/public/image/helpDocument/img45_3.png" alt="导航" style="height: 300px">
                    </p>
                    <h2 id="section_6_3_12">12)、数据列表</h2>
                    <p class="main_content_text">点击此按钮后，出现示波器数据弹框，显示当前通道的颜色、地址、名称、最新值、最大值、最小值、平均值。</p>
                    <p class="main_content_text">此弹框可进行拖拽。</p>
                    <p class="main_content_text">点击右上角❌或者关闭按钮可关闭示波器数据弹框。</p>
                    <p class="main_content_img"><img src="../docs/.vuepress/public/image/helpDocument/img45_4.png" alt="导航" style="width: 90%;" ></p>
                    <h2 id="section_6_4">4.	示波器</h2>
                    <h2 id="section_6_4_1">1)、图例</h2>
                    <p class="main_content_text">示波器顶部显示图例：点击图例可隐藏点击参数的波形图。</p>
                    <h2 id="section_6_4_2">2)、波形图</h2>
                    <p class="main_content_text">中间显示波形图，点击通道颜色，可对波形图进行颜色设置，点击波形类型，可更改波形图的形状。</p>
                    <h2 id="section_6_4_3">3)、波形缩放</h2>
                    <p class="main_content_text">没有卡尺时，把鼠标放在需要缩放的波形图上通过滚轮进行缩放，向前滚动缩小，向后滚动放大。有卡尺时，通过拖拽卡尺进行缩放。</p>
                    <p class="main_content_text">在波形采集过程中，如果缩放在最大，则波形会在左边压缩，显示在一屏中，如果有缩放，则随着波形采集，会保持波形的形状，一直往右边进行绘制。</p>
                    <h2 id="section_6_4_4">4)、波形移动</h2>
                    <p class="main_content_text">没有卡尺时，可通过鼠标左键按住示波器拖拽鼠标往左或者往右移动波形图。有卡尺时，通过拖拽卡尺进行移动。</p>
                    <h2 id="section_6_4_5">4)、下载波形图</h2>
                    <p class="main_content_text">下载波形图：波形图右上角提供下载当前波形图按钮，点击即可把当前波形图保存为图片。</p>
                    <p class="main_content_img"><img src="../docs/.vuepress/public/image/helpDocument/img37.png" alt="导航" style="width: 90%"></p>

                    <!--         快采集和慢采集的区别-->
                    <h1 id="section_7">七、 快采集和慢采集的区别</h1>
                    <table border="1" cellspacing="0" style="text-align: center;width: 100%">
                        <tr style="height: 32px;">
                            <th></th>
                            <th>快采集</th>
                            <th>慢采集</th>
                        </tr>
                        <tr style="height: 32px;">
                            <th>采集频率(主要)</th>
                            <td>采集频率比较快</td>
                            <td>采集频率比较慢</td>
                        </tr>
                        <tr style="height: 32px;">
                            <th>更改采集时间方式</th>
                            <td>通过修改采集周期改变采集时间</td>
                            <td>可直接选择点之间的采集时间</td>
                        </tr>
                        <tr style="height: 32px;">
                            <th>采集数据来源</th>
                            <td>轮询设备中RAM中的录波数据来形成的波形</td>
                            <td>慢轮询该参数地址的数据来形成的波形图采集</td>
                        </tr>
                        <tr style="height: 32px;">
                            <th>通道列表</th>
                            <td>设备参数通道，需要设置通道个数</td>
                            <td>自定义的通道，不需要设置通道个数，只需要勾选就行。</td>
                        </tr>
                        <tr style="height: 32px;">
                            <th>通道数(个)</th>
                            <td>8</td>
                            <td>10</td>
                        </tr>
                        <tr style="height: 32px;">
                            <th>X轴</th>
                            <td>点数</td>
                            <td>时间</td>
                        </tr>
                    </table>
                </div>
            </el-card>
        </el-col>
    </el-row>
</div>
</body>
<!-- Import Vue 3 -->
<script src="//unpkg.com/vue@3"></script>
<!-- Import component library -->
<script src="//unpkg.com/element-plus"></script>
<script>
    /*帮助中心目录列表*/
    const HelpDirectoryListC = [
        { id: 'section_1', label: '上位机介绍',level: 1,},

        { id: 'section_2', label: '安装上位机',level: 1,},
        { id: 'section_2_1', label: 'exe文件',level: 2,},
        { id: 'section_2_2', label: 'zip文件',level: 2,},
        { id: 'section_2_3', label: '上位机界面',level: 2,},

        { id: 'section_3', label: '顶部功能区',level: 1,},
        { id: 'section_3_1', label: '通讯',level: 2,},
        { id: 'section_3_1_1', label: '通讯灯',level: 3,},
        { id: 'section_3_1_2', label: '设备列表',level: 3,},
        { id: 'section_3_1_3', label: '编辑设备',level: 3,},
        { id: 'section_3_1_4', label: '添加设备',level: 3,},
        { id: 'section_3_1_5', label: '删除设备',level: 3,},
        { id: 'section_3_1_6', label: '连接设备',level: 3,},

        { id: 'section_3_2', label: '断开设备',level: 2,},
        { id: 'section_3_3', label: '控制面板',level: 2,},
        { id: 'section_3_4', label: '实时故障',level: 2,},
        { id: 'section_3_5', label: '账户信息',level: 2,},
        { id: 'section_3_6', label: '更多功能',level: 2,},
        { id: 'section_3_6_1', label: '新建工程',level: 3,},
        { id: 'section_3_6_2', label: '置顶',level: 3,},
        { id: 'section_3_6_3', label: '上传',level: 3,},
        { id: 'section_3_6_4', label: '使用帮助',level: 3,},
        { id: 'section_3_6_5', label: '关于',level: 3,},
        { id: 'section_3_7', label: '最小化',level: 2,},
        { id: 'section_3_8', label: '全屏',level: 2,},
        { id: 'section_3_9', label: '关闭',level: 2,},

        { id: 'section_4', label: '参数',level: 1,},
        { id: 'section_4_1', label: '参数分组',level: 2,},
        { id: 'section_4_1_1', label: '分组列表',level: 3,},
        { id: 'section_4_1_2', label: '添加分组',level: 3,},
        { id: 'section_4_1_3', label: '删除分组',level: 3,},
        { id: 'section_4_1_4', label: '编辑分组',level: 3,},
        { id: 'section_4_1_5', label: '隐藏分组',level: 3,},

        { id: 'section_4_2', label: '操作区域',level: 2,},
        { id: 'section_4_2_1', label: '隐藏参数分组',level: 3,},
        { id: 'section_4_2_2', label: '参数说明',level: 3,},
        { id: 'section_4_2_3', label: '添加分组',level: 3,},
        { id: 'section_4_2_4', label: '参数筛选和查找',level: 3,},
        { id: 'section_4_2_5', label: '导出当前页',level: 3,},
        { id: 'section_4_2_6', label: '导出全部参数',level: 3,},
        { id: 'section_4_2_7', label: '导入配置用参表',level: 3,},
        { id: 'section_4_2_8', label: '导出配置表',level: 3,},
        { id: 'section_4_2_9', label: '导入配置表',level: 3,},

        { id: 'section_4_3', label: '参数列表',level: 2,},
        { id: 'section_4_3_1', label: '参数列表',level: 3,},
        { id: 'section_4_3_2', label: '参数注释',level: 3,},
        { id: 'section_4_3_3', label: '编辑参数属性',level: 3,},
        { id: 'section_4_3_4', label: '修改小数位数',level: 3,},
        { id: 'section_4_3_5', label: '设置分组',level: 3,},
        { id: 'section_4_3_6', label: '清除分组',level: 3,},
        { id: 'section_4_3_7', label: '分配通道',level: 3,},
        { id: 'section_4_3_8', label: '写参数值',level: 3,},

        { id: 'section_5', label: '事件',level: 1,},
        { id: 'section_5_1', label: '历史事件说明',level: 2,},
        { id: 'section_5_2', label: '历史事件属性查找',level: 2,},
        { id: 'section_5_3', label: '历史事件类型筛选',level: 2,},
        { id: 'section_5_4', label: '历史事件日期筛选',level: 2,},
        { id: 'section_5_5', label: '导出当前页',level: 2,},
        { id: 'section_5_6', label: '导出全部',level: 2,},
        { id: 'section_5_7', label: '删除事件',level: 2,},
        { id: 'section_5_8', label: '事件列表',level: 2,},
        { id: 'section_5_9', label: '解决方案',level: 2,},
        { id: 'section_5_10', label: '事件分页',level: 2,},

        { id: 'section_6', label: '示波器快采集',level: 1,},
        { id: 'section_6_1', label: '示波器通道',level: 2,},
        { id: 'section_6_1_1', label: '修改通道颜色',level: 3,},
        { id: 'section_6_1_2', label: '切换通道参数',level: 3,},
        { id: 'section_6_2', label: '示波器控制',level: 2,},
        { id: 'section_6_2_1', label: '开始时间',level: 3,},
        { id: 'section_6_2_2', label: '启动波形',level: 3,},
        { id: 'section_6_2_3', label: '停止波形',level: 3,},
        { id: 'section_6_2_4', label: '清除波形',level: 3,},
        { id: 'section_6_2_5', label: '示波器设置',level: 3,},
        { id: 'section_6_2_6', label: '卡尺设置',level: 3,},
        { id: 'section_6_3', label: '示波器操作',level: 2,},
        { id: 'section_6_3_1', label: '导出当前',level: 3,},
        { id: 'section_6_3_2', label: '外部导入',level: 3,},
        { id: 'section_6_3_3', label: '自定义导入',level: 3,},
        { id: 'section_6_3_4', label: '自定义导出',level: 3,},
        { id: 'section_6_3_5', label: '删除数据',level: 3,},
        { id: 'section_6_3_6', label: '最大值',level: 3,},
        { id: 'section_6_3_7', label: '最小值',level: 3,},
        { id: 'section_6_3_8', label: '平均值',level: 3,},
        { id: 'section_6_3_9', label: '自定义通道',level: 3,},
        { id: 'section_6_3_10', label: '点采集时间',level: 3,},
        { id: 'section_6_3_11', label: '波线类型',level: 3,},
        { id: 'section_6_3_12', label: '数据列表',level: 3,},
        { id: 'section_6_4', label: '示波器',level: 2,},
        { id: 'section_6_4_1', label: '图例',level: 3,},
        { id: 'section_6_4_2', label: '波形图',level: 3,},
        { id: 'section_6_4_3', label: '波形缩放',level: 3,},
        { id: 'section_6_4_4', label: '波形移动',level: 3,},
        { id: 'section_6_4_5', label: '下载波形图',level: 3,},

        { id: 'section_7', label: '快采集和慢采集的区别',level: 1,},
    ]


    const handleScrollTo = (selector) => {
        const element = document.querySelector('#'+selector);
        if (element) {
            // 需要在路由页面配置才可生效，不然会路由跳转
            element.scrollIntoView({ behavior: 'smooth' });
        }
    };
    Object.assign(window, Vue);
    const vue3Composition = {
        setup() {
            const isShowNavigationPane = ref(true)
            return { HelpDirectoryListC, handleScrollTo, isShowNavigationPane}
        }
    }
    const app = createApp(vue3Composition).use(ElementPlus).mount("#app");
</script>
</html>
